<style lang="scss" scoped>
    .mint-popup-top {
        width: 100%;
        // max-height: 40%;
        overflow-y: auto;
    }
    .dropdown-nav {
        padding: 0 .24rem;
        color: #333;
        font-size: .28rem;
        letter-spacing: .02rem;
        li {
            line-height: .86rem;
            border-bottom: 1px solid #EEEEEE;
            a {
                display: inline-block;
                width: 100%;
                height: 100%;
            }
        }
    }
</style>

<template>
    <mt-popup
        v-model="visible"
        position="top">
        <div class="page-wrapper">
            <ul class="dropdown-nav">
                <li><router-link to="/device">设备管理</router-link></li>
                <li><router-link to="/alarm">报警记录</router-link></li>
                <li><router-link to="/lifeguard">救生员信息</router-link></li>
                <li><router-link to="/authority">权限管理</router-link></li>
                <li><router-link to="/">退出</router-link></li>
            </ul>
        </div>
    </mt-popup>
</template>

<script>
    export default {
        props: {
            value: Boolean
        },
        watch: {
            value(current) {
                this.visible = current;
            },
            visible(current) {
                this.$emit('input', current)
            }
        },
        data() {
            return {
                visible: this.value
            }
        },
    }
</script>

